<div class="row">
	<div class="span8 offset2">	
		<c:if test="${not empty errors}">
			<div class="alert alert-error">
				<fmt:message key="login.necessario"/>
			</div>
		</c:if>

		<form id="loginjsp" class="form-horizontal" method="POST" action="${pageContext.request.contextPath}/conta">
			<fieldset>
				<legend><fmt:message key="login.acessarconta"/></legend>
				<div class="control-group">
					<label class="control-label required" for="usuario"><fmt:message key="login.usuario"/>*</label>
					<div class="controls">
						<input class="span5 {required:true, messages:{required:'<fmt:message key="login.usuario.required"/>'}}" type="text" value="" name="login" id="usuario" placeholder="<fmt:message key="login.usuario"/>">
					</div>
				</div>
				<div class="control-group">
					<label class="control-label required" for="senha"><fmt:message key="login.senha"/>*</label>
					<div class="controls">
						<input class="span5 {required:true, messages:{required:'<fmt:message key="login.senha.required"/>'}}" type="password" value="" name="senha" id="senha" placeholder="<fmt:message key="login.senha"/>">
					</div>
				</div>
				

				<div class="form-actions">
					<button type="submit" class="btn btn-primary"><fmt:message key="login.acessarconta"/></button>
					<button type="button" class="btn"><fmt:message key="form.cancelar"/></button>
				</div>
			</fieldset>
		</form>
	</div>
</div>

<script src="${pageContext.request.contextPath}/plugins/validate/jquery.maskedinput-1.3.min.js"></script>
<script src="${pageContext.request.contextPath}/plugins/validate/jquery.validate.js"></script>
<script src="${pageContext.request.contextPath}/plugins/validate/jquery.metadata.js"></script>
<script>
	(function($){
		$(document).ready(function(){
			$("#loginjsp").validate();
		});
	})(jQuery);
</script>